.message-container{
    overflow-y: auto;
}
.message{
	background: #f5f5f5;
}
.meta-message-header{
  z-index: 1;
	position: relative;
    height: 200px;
    background: url('../images/common/message_bg.png')  no-repeat center center;
    background-size: cover;

    .meta-message-picture{
    	position: absolute;
	    left: 30px;
	    bottom: -40px;

    	img{
    		width: 120px;
		    height: 120px;
		    border-radius: 50%;
    	}
    }

    .meta-message-name{
      text-shadow: #000 2px 2px 3px;
    	position: absolute;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    padding: 20px;
	    padding-left: 170px;
	    color: #fff;
	    font-weight: 600;
	    font-size: 24px;

	    small{
	    	font-size: 18px;
		    font-weight: normal;
		    opacity: 0.75;
	    }
    }
}

.meta-message-info{
	background: #fff;
	font-size: 17px;
  font-weight: 600;
	padding: 20px;
	padding-left: 170px;
  position: relative;

    li{
    	list-style: none;
    	float: left;
    	margin-right: 30px;

    	a{
    		font-size: 14px;
    		color:#999;
        text-decoration: none !important;

    		&:hover{
    			cursor: pointer;
    			color: $blue;
    			text-decoration: none;
    		}
    	}
    }

    .dropdown-menu{
      min-width: 100px;
      li{
        margin-right: 0;
      }
    }

    .action{
      position: absolute;
      right: 0;
    }
}

.meta-message-body{
	background: #fff;
    margin: 30px 30px 0 30px;
    padding: 20px;
    border-radius: 4px;

    .meta-message-list{
    	list-style: none;
    	padding-left: 10px;

    	li{
    		padding: 12px 24px;
    		border-bottom: 1px dashed #eee;
    		position: relative;

        &:hover{
          cursor: pointer;
          background-color: #f9f9f9;
        }

    		.message-content{
    			width: 100%;
    			padding-right: 200px;
          padding-left: 60px;
    			overflow: hidden;
    			display: inline-block;
    			height: 20px;
    			white-space: nowrap;
    			text-overflow: ellipsis;
    		}

    		.time{
    			float: right;
    			color: #ccc;
    			position: absolute;
    			width: 140px;
    			right: 0px;
          top: 12px;
    		}

        .tag{
    			float: left;
    			position: absolute;
    			width: 90px;
    			left: 0px;
          top: 12px;
    		}
    	}
    }
}
.pagination{
    li{
        border-bottom:none !important;
    }
}
.message-modal-body{
  padding: 5px;
  .message-time{
    font-size: 10px;
    color: #ccc;
  }
  .meta-input-section{
    margin: 0;
  }
}
